<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>机构详情</title>
    <link rel="stylesheet" href="/backstage/css/all_style.css"/>
    <link rel="stylesheet" href="/backstage/css/course_style.css"/>
    <script src="/backstage/js/jquery-1.7.1.min.js"></script>
    <script src="/backstage/js/mysel.js"></script>
</head>
<body>

<div class="container">
    <div class="clear" style="margin-top: 20px"></div>
    <div class="cou_head">
        <dl>
            <dt>
                <img id="images" src="./images/cou.jpg" alt=""/>
                <b id="auditing"></b>
            </dt>
            <dd>
                <div class="cou_tit">
                    <h3 id="name"></h3>
                </div>
                <ul>
                    <li>责任人:<span id="respon"></span></li>
                    <li>电话:<span id="number"></span> </li>
                    <li>机构地点:<span id="address"></span></li>
                    <li>创建时间:<span id="created"></span></li>
                </ul>
                <div class="cor_btn cor_btn_one cor_ok">

                </div>
            </dd>
        </dl>
    </div>

    <div class="cou_jie">
        <div class="cou_jie_list left">
            <ul class="cou_jie_tab">
                <li>活动简介</li>
            </ul>
            <div class="cou_jie_con">
                <div class="cou_jie_shao">
                    <div class="content">
                        <p>

                        </p>

                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>

<div class="sign" id="div_test">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">单选框</label>
            <div class="layui-input-block">
                <input type="radio" name="sex" value="男" title="通过" checked="">
                <input type="radio" name="sex" value="女" title="不通过">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">未通过理由</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
            </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">提交</button>
            </div>
        </div>
    </form>

</div>
<script>
    function operate() {
        document.getElementById('div_test').style.display = 'block'
        setTimeout('disappeare()', 2000)
    }

    function disappeare() {
        document.getElementById('div_test').style.display = 'none'
    }
</script>

<script>
    jQuery.noConflict();
    jQuery(document).ready(function ($) {
        $('.publish li i').click(function () {
            $(this).addClass('xing').prevAll().addClass('xing')
            $(this).nextAll().removeClass('xing')
        })

        var id = window.location.search.substr(1);
        // 加载活动信息
        $.getJSON("/admin/organization?opr=byid&id=" + id, function (data) {
            $("#title").html(data.title);
            if (data.auditing == "0") {
                $("#state").html("<span>未审核</span>");
                $(".cor_ok").html(` <a href="javascript:void(0)"
                    onclick="javascript:operate()"
                >立即审核</a>`);
            } else if (data.auditing == "1") {
                $("#state").html("<span style='color: green'>审核通过</span>");
                $(".cor_ok").html(` <a href="javascript:void(0)"
                >已审核</a>`);
            } else {
                $("#state").html("<span style='color: red'>审核未通过</span>");
                $(".cor_ok").html(`<a href="javascript:void(0)"
                >未通过</a>`);
            }
            $("#name").html(data.name);
            $("#respon").html(data.respon);
            $("#number").html(data.number);
            $("#address").html(data.address);
            $("#created").html(data.created);
            $("#images").attr("src", data.images);
            $(".content").html(data.brief)


        })

    })
</script>
</body>
</html>
